<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta property="og:title" content="SrbDroid" />
        <meta property="og:description" content="Application store" />
        <meta property="og:image" content="images/facebook.jpg" />
        <LINK REL="SHORTCUT ICON" HREF="images/favicon.ico"/>
        <title><ui:insert name="title"></ui:insert></title>

        <script type="text/javascript">
            if(navigator.userAgent.match(/android/i)) {
                window.location = "http://srbdroid.no-ip.info/mobile";
                }
        </script>
    </h:head>

    <h:body>
        <p:layout fullPage="true">  

            <p:layoutUnit position="top" height="150" resizable="false" closable="false" collapsible="false">
                <table align="center">
                    <tr>
                        <td><p:graphicImage value="/images/android-header.gif"/></td>
                    </tr>
                </table>
            </p:layoutUnit>  

            <p:layoutUnit position="bottom" height="50" resizable="false" closable="false" collapsible="true"> 
                <table align="center">
                    <tr>
                        <td> © Copyright </td>
                    </tr>
                </table>
            </p:layoutUnit>  

            <p:layoutUnit position="left" width="250" resizable="false" closable="true" collapsible="true">  
                <center>
                <p:panel>
                        <h:panelGrid columns="1" cellpadding="3">
                            <p:panel>
                                <a href="http://www.facebook.com/sharer.php?u=srbdroid.no-ip.info"  name="fb_share" type="button_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
                                </script>
                            </p:panel>
                            <p:panel>
                                <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
                            </p:panel>
                        </h:panelGrid>
                    </p:panel>
                    </center> 
            </p:layoutUnit>  

            <p:layoutUnit position="right" width="250" resizable="false" closable="true" collapsible="true">  
                <h:form prependId="false"> 
                    <center>
                    <p:panel header="Top Lista">
                            <h:panelGrid columns="1" cellpadding="3">
                                <c:forEach items="#{applicationManagedBean.af.topListApplication}" var="app">
                                    <p:commandLink>
                                        <p:panel>
                                            <h:panelGrid columns="3" cellpadding="1">
                                                <p:graphicImage alt="slika" width="40" height="60" value="/imageservlet?appId=#{app.appId}&amp;image=1"/>
                                                <h:outputText value="#{app.appName}"></h:outputText>
                                            </h:panelGrid>
                                        </p:panel> 
                                    </p:commandLink>
                                </c:forEach>
                            </h:panelGrid>
                        </p:panel>
                    </center>
                </h:form>  
            </p:layoutUnit>  

            <p:layoutUnit position="center">
                <ui:insert name="center" id="bottom"></ui:insert>
            </p:layoutUnit>
        </p:layout>
    </h:body>

</html>
